<template>
  <div id="app">
    <m-header></m-header>
    <tab></tab>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <!--播放器的设置，不是哪个页面的，是全局的    需要vuex来控制-->
    <player></player>
  </div>
</template>

<script type="text/ecmascript-6">
  import MHeader from './components/m-header/m-header'
  import Tab from './components/tab/tab'
  import Player from "./components/player/player";
export default {
  name: 'App',
  components:{
    Player,
    MHeader,
    Tab
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "./common/stylus/variable.styl";
#app
  background-color $color-background
</style>
